跳到主要内容

依赖注入

解决深层的从父组件向子组件传递数据。

Provide (提供)

<script setup>
import { provide } from "vue";

provide(/* 注入名 */ "message", /* 值 */ "hello!");
</script>

Inject (注入)

<script setup>
import { inject } from "vue";

const message = inject("message");
</script>

类似 react 的 context;

参考链接

https://cn.vuejs.org/guide/components/provide-inject.html